<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport"
    content="width=device-width, initial-scale=1.0,maximum-scale=1.0, minimum-scale=1.0, user-scalable=no">
  <title>Document</title>
  <style>

  </style>
</head>

<body>
  <script src="./axios.js"></script>
</body>
<script>
  //全局配置
  axios.defaults.baseURL = 'http://www.itcbc.com:3006'
  //axios与自己封装的函数差不多 调用axios函数就会得到一个promise对像

  let a = axios.get('/api/province')
  let b = axios.get('/api/city', { params: { pname: '河北省' } })
  let c = axios.get('/api/county', { params: { pname: '河北省', cname: '承德市' } })



  // 下面两个静态方法，都是处理多个Promise对象的
  // all - 全部；   race - 比赛
  // Promise.all([Promise对象, Promise对象, Promise对象]).then()
  // Promise.race([Promise对象, Promise对象, Promise对象]).then()

  // Promise.all([p1, p2, p3]).then(result => {
  //   // all是全部，要等到三个Promise对象，都产生结果后，then才会执行
  //   // result 就包括 三个结果
  //   console.log(result)
  // })



  Promise.race([a, b, c]).then(result => {
    //race  只要有一个promise对象产生结果  就会马上执行then  result 只包括最快的那个结果
    console.log(result);

  })
</script>

</html>